技術文章
技術問答
My Project
iT 徵才
聊天室
2026 鐵人賽
登入/註冊
文章
問答
Tag
邦友
鐵人賽
搜尋
2017 iT 邦幫忙鐵人賽
DAY
23
0
自我挑戰組
你看微客=[ 前端領域 - 超入門 ]
系列 第
23
篇
RWD---[ 響應式網站 ( 六 ) ]---無用小觀念
2017鐵人賽
ucvic
2017-01-04 17:48:53
2224 瀏覽
分享至
響應式網站 ( 六 )
可以嘗試設計讓網站上
每個頁面最多經過 3 次點擊就可以被找到
,這樣的好處是可以讓使用者盡可能容易的取得任何他們想要的東西。
在設計小螢幕的行動裝置導覽時,請
不要將所有導覽項目的文字佔滿整個畫面
,務必留一些空間讓使用者
在不捲動螢幕的狀態下就可以看見有趣的內容
。
固定導覽列( 不隨捲動頁面移動 )的方式只適合使用在寬螢幕的設備,因為小螢幕能展示的空間有限,較適合採用點擊展開方式的隱藏導覽列。
一個好的導覽列是
能站在使用者擷取所需資料的角度去設計路徑
,而非只是提供一個網站階層結構。
響應式網站一般會需要較長的時間來載入( load )及渲染( render )
,故在設計時就必須將
效能
列為必要的開發調整項目之一。
根據研究,
等待網站載入的時間若超過 5 秒,有超過七成的使用者會放棄離開
,所以網站的效能( 速度 )是非常重要的。
網站速度是 google 搜尋引擎排名演算法考量的重要因素之一,因為網站速度會影響使用者體驗
(
UX
)。
網站的主要目的是
提供資訊與互動
給使用者,若額外的視覺效果拖慢了網站速度,這就本末倒置了。
行動上網與一般家用網路會持續連結網際網路不同,因為頻寬有限,只有在發出請求時才會開始連結網際網路,
等待連結的過程一定會產生延遲( latency ),這是無法避免的
。
留言
追蹤
檢舉
上一篇
RWD---[ 響應式網站 ( 五 ) ]---無用小觀念
下一篇
RWD---[ 響應式網站 ( 七 ) ]---無用小觀念
系列文
你看微客=[ 前端領域 - 超入門 ]
共
30
篇
目錄
RSS系列文
訂閱系列文
17
人訂閱
26
React---[ 自訂元件、props特性 ]---無用小觀念
27
React---[ state 狀態、事件處理 ]---無用小觀念
28
React---[ JSX ]---無用小觀念
29
Git---[ Git 基本觀念 ]
30
30天鐵人賽---[ 參賽心得 ]
完整目錄
熱門推薦
{{ item.subject }}
{{ item.channelVendor }}
|
{{ item.webinarstarted }}
|
{{ formatDate(item.duration) }}
直播中
立即報名
尚未有邦友留言
立即登入留言
看影片追技術
看更多
{{ item.subject }}
{{ item.channelVendor }}
|
{{ formatDate(item.duration) }}
直播中
熱門tag
15th鐵人賽
16th鐵人賽
13th鐵人賽
14th鐵人賽
17th鐵人賽
12th鐵人賽
11th鐵人賽
鐵人賽
2019鐵人賽
javascript
2018鐵人賽
python
2017鐵人賽
windows
php
c#
linux
windows server
css
react
熱門問題
WSUS伺服器近期客戶端更新都會出現0x80244010
vs code不能執行npm找了很多方法
outlook2024 郵件圖檔無法顯示的情況
哪款防毒+EDR+雲端中控台比較好用?
Fortigate DNS Filter 問題
熱門回答
vs code不能執行npm找了很多方法
WSUS伺服器近期客戶端更新都會出現0x80244010
outlook2024 郵件圖檔無法顯示的情況
熱門文章
[Tedium Is Stability-02] 與 AI 一起開發,看見冰山:一個「功能」,其實是一組沒說出口的隱形契約
【AI Agent 架構】從 0 開始學 AI Agent ,含 22 章完整教學
網站設計師每天聚集的 Stack Overflow 平台,最近在 2026 中旬更換了全新品牌 Logo 形象,但社群反應兩極
清洗 14 年台灣實價登錄資料,我踩到的坑
龜先生奧援開發到底花生省魔術:#1 開工吧?
IT邦幫忙
×
標記使用者
輸入對方的帳號或暱稱
Loading
找不到結果。
標記
{{ result.label }}
{{ result.account }}